// pages/search/search.js
const http = require("../../models/http")
const query = wx.createSelectorQuery();
Page({
  data: {
    keyword:"",
    value:"",
    isPlay:"",
    albums: "",
    /* 记录已经点击了的id */
    prevId: "",
    /* 存所有item播放的状态 */
    playStates: {
    }
    
  },
  onLoad: function (options) {
    
  },

  handleSubmit(Event){
    this.setData({
      keyword:Event.detail.value.keyword 
    })
    http({
      keyword:this.data.keyword,
      success: res=> {
        // console.log(res.data.result.albums);
        this.setData({
          value:res.data.result.albums
        })
      }
    })
    // console.log(this.data.keyword);

    // 测试数据
    setTimeout(()=>{
      // console.log(this.data);
      // console.log(this.data.value);
    },1000)
  },

  // 音乐播放键
  handMusic(Event){
    // 获取每个块中的播放键的自定义属性id
    let id = Event.currentTarget.dataset.id;
    let playStates = this.data.playStates;
    /* 当前项目id和点击之后的id值不同的情况 */
    console.log(id);
    playStates[id] = !playStates[id]; 
    for(let key in playStates){
      if(key != id){
        playStates[key] = false;
      }
    }
    console.log(playStates);
    this.setData({
      playStates,
      prevId:id
    })
  
  // 只有一个按钮的时候可以用以下代码
    // if(this.data.isPlay){
    //   this.setData({
    //     isPlay:false
    //   })
    //   console.log(this.data.isPlay);
    // }else{
    //   this.setData({
    //     isPlay:true
    //   })
    //   console.log(this.data.isPlay);
    // }
  },

  // 不同页面之间传值
  handDetail(event){
    let id = event.currentTarget.dataset.id;
    console.log(id);
    wx.navigateTo({
      url: `../music/music?id=${id}`,
      success: function(res){
        // success
      },
      fail: function() {
        // fail
      },
      complete: function() {
        // complete
      }
    })
  }
})